body{color:#444; background: #fff; font-family: "微软雅黑"; font: 16px/20px Microsoft YaHei;}
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img{margin: 0; padding: 0; font-family: "微软雅黑";}
li, ol{list-style: none;}
a, input, img, textarea{border: none; outline: none;}
i, em{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}

.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none; color: #333;}
a:focus{text-decoration: none;}
a:hover,a:focus{color: #e58026; text-decoration: none!important;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;width:100%;}
/*a:hover {color: #8fc31f;}*/
a:focus {outline:none;outline-offset:0;}
img{vertical-align: middle;}
.container{margin:0 auto; width: 1200px; padding: 0;}
.wow{animation-duration: 1s;-webkit-animation-duration: 1s;}
.wower{animation-duration: 0.8s;-webkit-animation-duration: 0.8s;}
.fx{position: fixed!important;}

.wrapper{width: 100%; height: auto; position: relative; overflow: hidden;}
.wrap{width: 100%; height: auto; position: relative; overflow: hidden;}


.opacity{width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;z-index: 50;display: none;}
.class{width: 280px;height: 100%;background: #295b8a;position: fixed;top: 0;right: 0;z-index: 52;}
.m_list{width: 100%;max-height: 78%;max-height: 68%;overflow-y: auto;margin-top: 20px;}
.m_list ul{width: 100%;height: auto;overflow: hidden;}
.m_list ul li{font-size: 18px;}
.m_list ul li a{display: block;color: #fff;padding: 0 45px 0 25px;line-height: 50px;height: 50px;overflow: hidden;position: relative;}
.m_list ul li a span{width: 14px;height: 100%;background: url(../images/m_one.png) center center no-repeat;position: absolute;right: 25px;top: 0;background-size: 100%!important;transition: 300ms;}
.m_list ul li a span.close_one{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.m_list ul li a:hover,.m_list ul li a.cu1{}
.m_list ul li ul{display: none;background: #c65e72;padding: 10px 0;}
.m_list ul li ul li{font-size: 16px;}
.m_list ul li ul li a{line-height: 40px;height: 40px;}
.m_list ul li ul li a span{}
.m_list ul li ul li a span.close_one{}
.m_list ul li ul li a:hover,.m_list ul li ul li a.cu2{}
.class_spec{margin: 16px 0;width: 100%;height: auto;overflow: hidden;padding: 12px 25px;position: relative;}
.class_spec:before{content: "";width: 42px;height: 2px;background: #ffa863;position: absolute;top: 0;left: 25px;}
.class_spec:after{content: "";width: 42px;height: 2px;background: #ffa863;position: absolute;bottom: 0;left: 25px;}
.class_spec dd{width: 100%;height: auto;overflow: hidden;font-size: 16px;}
.class_spec dd a{padding-left: 30px;line-height: 40px;height: 40px;overflow: hidden;display: block;background-size: 20px;color: #fff;}
.class_calendar a{background: url(../images/class_calendar.png) left center no-repeat;}
.class_contact a{background: url(../images/class_contact.png) left center no-repeat;}
.class_lang{width: 100%;height: auto;overflow: hidden;font-size: 16px;padding-left: 25px;margin-bottom: 16px;position: absolute;bottom: 88px;}
.class_lang a{display: inline-block;vertical-align: middle;padding-right: 15px;margin-right: 10px;color: rgba(255,255,255,.8);line-height: 40px;height: 40px;overflow: hidden;}
.class_lang a.on{color: #fff;}
.class_search{width: 100%;height: auto;overflow: hidden;padding: 0 25px;position: absolute;bottom: 50px;}
.class_search form{width: 100%;height: auto;overflow: hidden;position: relative;padding-right: 50px;border-radius: 5px;background: #6897c4;}
.class_search form:after{content: "";width: 1px;height: 28px;background: #f698aa;position: absolute;top: 50%;right: 50px;margin-top: -14px;}
.class_sr_box{line-height: 40px;height: 40px;background: none;outline: none;border: none;padding: 0 15px;}
.class_sr_btn{width: 50px;height: 100%;background: url(../images/class_search.png) center center no-repeat;background-size: 18px;position: absolute;top: 0;right: 0;}

.page-prev {
    transform:translate3d(280px, 0, 0);
    -ms-transform:translate3d(280px, 0, 0);
    -webkit-transform:translate3d(280px, 0, 0);
    -o-transform:translate3d(280px, 0, 0);
    -moz-transform:translate3d(280px, 0, 0);
}
.page-next {
    transform:translate3d(-280px, 0, 0);
    -ms-transform:translate3d(-280px, 0, 0);
    -webkit-transform:translate3d(-280px, 0, 0);
    -o-transform:translate3d(-280px, 0, 0);
    -moz-transform:translate3d(-280px, 0, 0);
}
.page-active{
    transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
}
.page-in {
    -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
    -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
    -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
.share-in{
    transform:translate3d(100%, 0, 0);
    -ms-transform:translate3d(100%, 0, 0);
    -webkit-transform:translate3d(100%, 0, 0);
    -o-transform:translate3d(100%, 0, 0);
    -moz-transform:translate3d(100%, 0, 0);
}

/* header */
.header{width: 100%; height: auto; padding: 10px 0; z-index: 10;}
.logo{height: 90px; position: absolute; left: 0; top: 0;}
.header .container{position: relative;}
.header_left{float: left; line-height: 90px; height: 90px;}
.header_right{float: right; line-height: 90px; height: 90px;}
.header_right img{margin-left: 25px;}
.header_right span{margin-left: 10px;}

.menu{width: 100%; height: auto; background: #295b8a; position: relative;}
.menu_list{width: 100%; text-align: center; height:42px; line-height: 42px;}
.menu_list li{float: left; width: 133px;}
.menu_list li a{color:#fff;}
.menu_list li a:hover{height: 42px; background-color: #e58026; display: block;}

.mheader{width: 100%;height: auto;overflow: hidden;background: #295b8a;font-size: 0px;z-index: 10;}
.mheader .container{position: relative;}
.mlogo{width: 80%;height: 74px;overflow: hidden;}
.mlogo a{display: block;height: 100%;}
.mlogo a img{max-width: 100%;max-height: 100%;}
.nav_button{width: 32px;height: 100%;background: url(../images/nav_button.png) center center no-repeat;background-size: 28px;position: absolute;right: 15px;top: 0;}

.banner{width: 100%; height: auto; overflow: hidden; position: relative; font-size: 0px;}
.scroll_banner{width: 1920px;}

.main{width: 100%; height: auto; overflow: hidden; margin: 50px auto;}
.title_about{text-align: center; padding-bottom: 50px;}
.container_about{width: 100%; height: auto; overflow: hidden;}
.about_pic{float: left; width: 50%; height: auto; overflow: hidden; font-size: 0px; padding-right: 15px;}
.about_pic img{max-width: 100%; width: 100%; vertical-align: middle;}
.about_info{float: right; width: 50%; padding-top: 20px;}
.about_info .title{padding-bottom: 20px; font-size: 18px; border-bottom: 1px solid #ddd;}
.about_info .info{padding-top: 20px; line-height: 33px; margin-bottom: 20px; width: 100%; height: 218px; overflow: hidden; text-indent: 2em;}
.about_info .more{}
.about_info .more a{padding: 5px 30px; background: #e58026; color: #fff; font-size: 12px;}

.container_customer{width: 1920px; margin: 0 auto;}
.title_customer{text-align: center; padding: 50px 0;}
.info_customer{width: 100%; background: url("../images/customer_bg.jpg") no-repeat; max-height: 556px;}
.customer_pic{padding-top: 10px;}
.customer_pic li{margin-bottom: 9px;}
.customer_pic img{width: 100%; opacity: 0.5;}
.customer_pic img:hover{opacity: 1.0;}
.customer_info{ padding-left: 20px;}
.customer_info h1{font-size: 42px; margin: 80px 0 50px 0; color: #3c5b8a; font-weight: bold;}
.customer_info h2{font-size: 30px; margin-bottom: 100px; line-height: 55px; color: #444;}
.customer_info a{padding: 5px 30px; background: #e58026; color: #fff; font-size: 12px;}

.title_news{text-align: center; padding: 50px 0 35px 0;}
.info_news li{text-align: center; margin-top: 15px;}
.info_news li h3{font-size: 16px; margin: 10px 0;}
.info_news .more a{padding: 5px 30px; background: #e58026; color: #fff; font-size: 12px;}

.footer{width: 100%; height: auto; overflow: hidden; background: #282828; color: #a8a8a8;}
.footer .foot{padding: 35px 0; text-align: center; font-size: 14px; line-height: 30px;}
.footer .foot a{color: #a8a8a8;}

.banner_article{width: 1920px; height: auto; margin: 0 auto;}
.content{padding: 0; font-size: 16px; line-height: 36px;}
.content p{text-indent: 2em;}
.content p{display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
.content .img_about{float: left; margin-right: 35px;}

.contact{padding:0 10px;}
.contact dt, .contact dd{width: 100%; margin: 15px 0; line-height: 40px;}
.contact dd{text-indent: 55px;}
.contact .ico1{background: url("../images/ico4.jpg") no-repeat 10px 0;}
.contact .ico2{background: url("../images/ico5.jpg") no-repeat 10px 0;}
.contact .map{width: 100%; padding-top: 50px;}

.joblist li, .downlist li{width: 100%; padding: 15px 0; font-size: 18px; border-bottom: solid 1px #e6e6e6; background: url("../images/ico3.jpg") no-repeat 0 center; text-indent: 20px;}
.joblist li i{background: #63accd; color: #fff; border-radius: 5px; text-align: center; text-indent: 0px; padding: 0 10px 0 20px; float: right; font-size: 14px;}
.downlist li i{float:right; font-size: 14px; color: #888;}

.job_view{ border-radius:5px; border: 1px solid #ddd; }
.job_view h1{background-color: #666666;height: 45px;line-height: 45px;color: #FFF;font-size: 16px;text-indent: 20px;  border-radius:5px ; margin: 1px}
.job_view .job_info a{ color: #db0101; text-decoration:underline}
.job_view .job_info{padding:0 30px 30px 30px;color: #666;font-size: 14px;}
.job_view .job_info h3{margin:20px 0 ;}
.job_view .job_info .txt{width: 100%; display: table; margin-bottom: 30px; margin-top: 20px;}
.job_view .job_info .txt span{display: block;width: 50%;height: 45px;line-height: 45px;float: left;}
.job_view .job_info .body{width: 100%;display: table;color: #666;font-size: 14px;line-height: 30px;}
.job_view .job_info .body h4{padding-top: 20px;font-size: 14px; text-align: left}

.newslist li{float: left; width: 100%; padding: 30px 0; border-bottom: 1px solid #e4e4e4;}
.newslist li img{float:left; width: 273px;}
.newslist li span{float:right; width: 900px; padding: 15px 0;}
.newslist li h5{font-size:20px; font-weight: bold;}
.newslist li p{width: 100%; line-height: 30px; font-size: 15px; padding-bottom: 0px;}
.newslist li .more, .newslist li span a:hover{padding: 5px 30px; background: #e38025; color: #fff; font-size: 12px;}

.location{padding-bottom: 20px; background: url("../images/ico.jpg") no-repeat 0 0; text-indent: 25px; border-bottom: solid 1px #eee; font-size: 15px; color: #666;}
.content_news h4{font-size: 30px; line-height: 120%; text-align: center; padding: 30px 0 20px 0; font-weight: bold;}
.content_news .time{float: left; width: 100%; text-align: center; padding-bottom: 20px;}
.content_news .news_info{float: left; width: 100%; padding: 30px; border-top: solid 1px #e3e3e3; line-height: 250%;}
.content_news .news_info div{float: left; width: 100%; text-align: center;}
.related{float: left; width: 100%; padding: 20px 30px; border-top: solid 1px #e3e3e3;}
.related li{line-height: 30px;}
.news_info .product-pic{width: 100%; padding-bottom: 30px;}
.news_info .product-pic img{max-width: 100%;}

ul.subnav, ul.productlist{float: left; width: 100%;}
.subnav li a{float: left; padding: 0 30px; border: 1px solid #c1c1c1; background: #fafafa; height: 38px; line-height: 38px; margin: 15px; border-radius: 5px; font-size: 16px;}
.productlist {padding-top: 30px;}
.productlist li{font-size: 18px; text-align: center; padding: 20px;}
.productlist li img{width: 350px; height:298px; border: 1px solid #c6c6c6; border-radius: 5px; padding: 1px; margin-bottom: 20px;}
.flink li img{height: auto;}

.feedback_form {width: 100%; font-size: 16px;}
.feedback_form li{float: left; width: 100%; padding: 20px 0;}
.feedback_form li span{float: left; width: 70px; line-height: 38px;}
.input1{float: left; width: 400px; height: 38px; line-height: 38px; border: 1px solid #c6c6c6; border-radius: 5px; padding: 0 10px; font-size: 16px;}
.input2{float: left; width: 560px; height: 160px; line-height: 30px; border: 1px solid #c6c6c6; border-radius: 5px; padding: 0 10px; font-size: 16px;}
.submit{width: 170px; height: 50px; background: #295b8a; font-size: 16px; color: #fff; border-radius: 5px; cursor: pointer; margin: 0 auto; border:0px;}
.reset{float: left; width: 170px; height: 50px; background: #7e7e7e; font-size: 16px; color: #fff; border-radius: 5px; cursor: pointer;}

.feedlist{width: 100%; float: left; border: solid 1px #e8e8e8; background: #fbfbfb; border-radius: 5px; padding: 0 20px; margin-top: 20px;}
.feedlist p{font-size: 20px; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.feedlist p i{float: right; color: #a9a9a9;}
.feedlist span{width: 100%; line-height: 35px; padding-bottom: 20px;}

.pages{width: 100%; display: table; text-align: center;}
.pages ul{padding-top: 20px;}
.pages li{float: left; padding: 0 5px;}
.pages li.thisclass a{background: #327dc4; color: #fff; border: 1px solid #327dc4;}
.pages a{border: 1px solid #ccc; padding: 5px 10px; border-radius: 5px; color: #656565;}

#vipsp{width: 100%; height: auto;}

@media screen and (max-width:1920px) {
    .scroll_banner{width: 100%;}
    .container_customer{width: 100%;}

    .banner_article{width: 100%;}
    .banner_article img{width: 100%;}
}
@media screen and (max-width:750px) {
    .container{width: 100%;}

    /* header */
    .header{height:60px; padding: 5px 0;}
    .logo{height: 38px; position: relative; left: auto; top: -2px; margin: 0 auto; vertical-align: middle;}

    .main{margin:25px auto;}
    .title_about{padding-bottom: 25px;}
    .about_pic{width: 100%;}
    .about_info{width: 100%; padding: 25px 15px 0;}

    .title_customer{padding: 25px 0;}
    .info_customer{background: none;}
    .customer_pic img{opacity: 1.0;}
    .customer_info h1{font-size: 30px; margin: 30px 0 20px 0; color: #3c5b8a; font-weight: bold;}
    .customer_info h2{font-size: 24px; margin-bottom: 20px; line-height: 35px; color: #444;}
    .customer_info a{padding: 5px 30px; background: #e58026; color: #fff; font-size: 12px;}

    .title_news{padding: 25px 0;}

    .footer .foot{padding: 15px 0;}

    .content img{width: 100%;}
    .content{padding:0 10px;}

    .contact .map{padding-top: 20px; width: 100%;}
    .contact .map iframe{width: 100%;}

    .joblist li{padding: 10px 0; font-size: 16px; border-bottom: solid 1px #e6e6e6; background: url("../images/ico3.jpg") no-repeat 0 center; text-indent: 20px;}
    .joblist li i{display: none;}

    .newslist li span{width: 100%;}

    .input1, .input2{width: 70%;}
    .vdimg{width: 70px !important;}

    .submit, .reset{margin-left: 10px; width: 120px; height: 40px; font-size: 14px;}
    .news_info img{width: 100%;}
}

@media (max-width: 767px){
    .class_lang{bottom: 74px;}
    .class_search{bottom: 38px;}

    .mlogo{height: 70px;}
    .nav_button{background-size: 26px;}

}

@media (max-width: 567px){
    .class{width: 220px;}
    .page-prev {
        transform:translate3d(220px, 0, 0);
        -ms-transform:translate3d(220px, 0, 0);
        -webkit-transform:translate3d(220px, 0, 0);
        -o-transform:translate3d(220px, 0, 0);
        -moz-transform:translate3d(220px, 0, 0);
    }
    .page-next {
        transform:translate3d(-220px, 0, 0);
        -ms-transform:translate3d(-220px, 0, 0);
        -webkit-transform:translate3d(-220px, 0, 0);
        -o-transform:translate3d(-220px, 0, 0);
        -moz-transform:translate3d(-220px, 0, 0);
    }

    .m_list{max-height: 57%;}
    .m_list ul li{font-size: 17px;}
    .m_list ul li a{line-height: 46px;height: 46px;}
    .m_list ul li ul li a{line-height: 36px;height: 36px;}
    .class_spec{padding: 10px 25px;}
    .class_spec:before,.class_spec:after{width: 38px;}
    .class_spec dd a{line-height: 36px;height: 36px;padding-left: 26px;background-size: 18px;}
    .class_lang{bottom: 68px;margin-bottom: 12px;}
    .class_lang a{line-height: 36px;height: 36px;padding-right: 10px;}
    .class_search{bottom: 32px;}
    .class_search form{padding-right: 46px;}
    .class_search form:after{right: 45px;}
    .class_sr_box{line-height: 38px;height: 38px;}
    .class_sr_btn{width: 46px;}

    .mlogo{height: 68px;}
    .nav_button{background-size: 24px;width: 30px;}
}

@media (max-width: 372px){
    .m_list ul li{font-size: 16px;}
    .m_list ul li a{line-height: 40px;height: 40px;}
    .m_list ul li ul li{font-size: 15px;}
    .m_list ul li ul li a{line-height: 32px;height: 32px;}
    .class_spec{padding: 8px 25px;margin: 12px 0;}
    .class_spec:before,.class_spec:after{width: 30px;}
    .class_spec dd{font-size: 15px;}
    .class_spec dd a{line-height: 32px;height: 32px;padding-left: 24px;background-size: 16px;}
    .class_lang{bottom: 60px;margin-bottom: 10px;font-size: 15px;}
    .class_lang a{line-height: 32px;height: 32px;padding-right: 8px;}
    .class_search{bottom: 28px;}
    .class_search form{padding-right: 42px;}
    .class_search form:after{right: 41px;height: 24px;margin-top: -12px;}
    .class_sr_box{line-height: 34px;height: 34px;}
    .class_sr_btn{width: 42px;background-size: 16px;}

    .mlogo{height: 64px;}
    .nav_button{background-size: 22px;}
}